<template>
    <section :class="[panelClass, cname]">
        <h4>- {{ title }} -</h4>
        <slot/>
    </section>
</template>

<script>
    export default {
        props : {
            cname : {
                type    : String,
                default : ''
            },

            title : {
                type    : String,
                default : ''
            }
        },
        data(){
            return {
                panelClass : 'panel'
            }
        } 
    }
</script>

<style lang="scss">
    @import '../../css/element.scss';
    .panel {
        @include panel;
    }
</style>